{% extends 'virtualization/virtualmachine/base.html' %}
{% load buttons %}
{% load static %}
{% load helpers %}
{% load plugins %}
{% load i18n %}

{% block content %}
<div class="row my-3">
	<div class="col col-md-6">
        <div class="card">
            <h5 class="card-header">
                {% trans "Virtual Machine" %}
            </h5>
            <div class="card-body">
                <table class="table table-hover attr-table">
                    <tr>
                        <th scope="row">{% trans "Name" %}</th>
                        <td>{{ object }}</td>
                    </tr>
                    <tr>
                        <th scope="row">{% trans "Status" %}</th>
                        <td>{% badge object.get_status_display bg_color=object.get_status_color %}</td>
                    </tr>
                    <tr>
                        <th scope="row">{% trans "Role" %}</th>
                        <td>{{ object.role|linkify|placeholder }}</td>
                    </tr>
                    <tr>
                        <th scope="row">{% trans "Platform" %}</th>
                        <td>{{ object.platform|linkify|placeholder }}</td>
                    </tr>
                    <tr>
                      <th scope="row">{% trans "Description" %}</th>
                      <td>{{ object.description|placeholder }}</td>
                    </tr>
                    <tr>
                        <th scope="row">{% trans "Tenant" %}</th>
                        <td>
                            {% if object.tenant.group %}
                                {{ object.tenant.group|linkify }} /
                            {% endif %}
                            {{ object.tenant|linkify|placeholder }}
                        </td>
                    </tr>
                    <tr>
                        <th scope="row">{% trans "Config Template" %}</th>
                        <td>{{ object.config_template|linkify|placeholder }}</td>
                    </tr>
                    <tr>
                        <th scope="row">{% trans "Primary IPv4" %}</th>
                        <td>
                          {% if object.primary_ip4 %}
                            <a href="{% url 'ipam:ipaddress' pk=object.primary_ip4.pk %}" id="primary_ip4">{{ object.primary_ip4.address.ip }}</a>
                            {% if object.primary_ip4.nat_inside %}
                              ({% trans "NAT for" %} <a href="{{ object.primary_ip4.nat_inside.get_absolute_url }}">{{ object.primary_ip4.nat_inside.address.ip }}</a>)
                            {% elif object.primary_ip4.nat_outside.exists %}
                              ({% trans "NAT" %}: {% for nat in object.primary_ip4.nat_outside.all %}<a href="{{ nat.get_absolute_url }}">{{ nat.address.ip }}</a>{% if not forloop.last %}, {% endif %}{% endfor %})
                            {% endif %}
                            {% copy_content "primary_ip4" %}
                          {% else %}
                            {{ ''|placeholder }}
                          {% endif %}
                        </td>
                    </tr>
                    <tr>
                        <th scope="row">{% trans "Primary IPv6" %}</th>
                        <td>
                          {% if object.primary_ip6 %}
                            <a href="{% url 'ipam:ipaddress' pk=object.primary_ip6.pk %}" id="primary_ip6">{{ object.primary_ip6.address.ip }}</a>
                            {% if object.primary_ip6.nat_inside %}
                              ({% trans "NAT for" %} <a href="{{ object.primary_ip6.nat_inside.get_absolute_url }}">{{ object.primary_ip6.nat_inside.address.ip }}</a>)
                            {% elif object.primary_ip6.nat_outside.exists %}
                              ({% trans "NAT" %}: {% for nat in object.primary_ip6.nat_outside.all %}<a href="{{ nat.get_absolute_url }}">{{ nat.address.ip }}</a>{% if not forloop.last %}, {% endif %}{% endfor %})
                            {% endif %}
                            {% copy_content "primary_ip6" %}
                          {% else %}
                            {{ ''|placeholder }}
                          {% endif %}
                        </td>
                    </tr>
                </table>
            </div>
        </div>
        {% include 'inc/panels/custom_fields.html' %}
        {% include 'inc/panels/tags.html' %}
        {% include 'inc/panels/comments.html' %}
        {% plugin_left_page object %}
    </div>
	<div class="col col-md-6">
        <div class="card">
            <h5 class="card-header">{% trans "Cluster" %}</h5>
            <div class="card-body">
                <table class="table table-hover attr-table">
                    <tr>
                        <th scope="row">{% trans "Site" %}</th>
                        <td>
                            {{ object.site|linkify|placeholder }}
                        </td>
                    </tr>
                    <tr>
                        <th scope="row">{% trans "Cluster" %}</th>
                        <td>
                            {% if object.cluster.group %}
                                {{ object.cluster.group|linkify }} /
                            {% endif %}
                            {{ object.cluster|linkify|placeholder }}
                        </td>
                    </tr>
                    <tr>
                        <th scope="row">{% trans "Cluster Type" %}</th>
                        <td>{{ object.cluster.type }}</td>
                    </tr>
                    <tr>
                        <th scope="row">{% trans "Device" %}</th>
                        <td>
                            {{ object.device|linkify|placeholder }}
                        </td>
                    </tr>
                </table>
            </div>
        </div>
        <div class="card">
            <h5 class="card-header">{% trans "Resources" %}</h5>
            <div class="card-body">
                <table class="table table-hover attr-table">
                    <tr>
                        <th scope="row"><i class="mdi mdi-gauge"></i> {% trans "Virtual CPUs" %}</th>
                        <td>{{ object.vcpus|placeholder }}</td>
                    </tr>
                    <tr>
                        <th scope="row"><i class="mdi mdi-chip"></i> {% trans "Memory" %}</th>
                        <td>
                            {% if object.memory %}
                                {{ object.memory|humanize_megabytes }}
                            {% else %}
                                {{ ''|placeholder }}
                            {% endif %}
                        </td>
                    </tr>
                    <tr>
                        <th scope="row"><i class="mdi mdi-harddisk"></i> {% trans "Disk Space" %}</th>
                        <td>
                            {% if object.disk %}
                                {{ object.disk }} {% trans "GB" context "Abbreviation for gigabyte" %}
                            {% else %}
                                {{ ''|placeholder }}
                            {% endif %}
                        </td>
                    </tr>
                </table>
            </div>
        </div>
        <div class="card">
          <h5 class="card-header">{% trans "Services" %}</h5>
          <div class="card-body htmx-container table-responsive"
            hx-get="{% url 'ipam:service_list' %}?virtual_machine_id={{ object.pk }}"
            hx-trigger="load"
          ></div>
          {% if perms.ipam.add_service %}
            <div class="card-footer text-end noprint">
              <a href="{% url 'ipam:service_add' %}?virtual_machine={{ object.pk }}" class="btn btn-sm btn-primary">
                <span class="mdi mdi-plus-thick" aria-hidden="true"></span> {% trans "Add a service" %}
              </a>
            </div>
          {% endif %}
        </div>
        {% plugin_right_page object %}
    </div>
</div>
<div class="row">
    <div class="col col-md-12">
        {% plugin_full_width_page object %}
    </div>
</div>
{% endblock %}
